{% set shoppingCart = catalog.getShoppingCart %}
<header class="header por"  id="divBox">
	
	{% for item in catalog.fetchAd('pc-top-banner').items %}
	<div class="topADD"><a href="{{ item.link }}" style="display: block;width: 100%;height: 80px;background: url({{item.image.getPath() }}) center repeat-x;"></a></div>
	{% endfor %}
	<div class="container">
		<div class="headTop row">
			<div class="col-lg-8">
				<div class="topNav_left"><a href="/"><img src="{{ 'assets/img/logo.png'|theme }}" alt=""></a></div>
			</div>
			<div class="col-lg-4">
				<div class="txt-r">
					<i class="fa fa-user"></i>
					{% if user.id %}
					<a href="javascript:;" data-request="onLogout" data-request-data="redirect: '/'">ログアウト</a>
					/
					<a href="/account/dashboard.html"><b>{% if user.id %}{{ user.surname }} 様{% endif %}</b></a>
					{% else %}
					<a href="/account/login.html">ログイン</a>
					/
					<a href="/account/register.html">登録</a>
					{% endif %}
					
				</div>
			</div>
		</div>
		<div class="topNav_right row">
			<div class="col-lg-12">
				<div class="headBottom">
					<ul class="muneNav flexBox">
						<li dataShow="new"><a href="/daily-new.html?rel=home">新入荷</a></li>
						<li dataShow="item"><a href="/bestseller.html?rel=home">売れ筋商品</a></li>
						{% set categories = catalog.categories() %}
						{% for rootcategory in categories %}
						{% for key, category in rootcategory.children %}
						{% if category.is_enabled and category.id != 11 %}
						<li dataShow="item{{key}}"><a href="{{ category.url }}">{{ category.name }}</a></li>
						{% endif %}
						{% endfor %}
						{% endfor %}
						<li dataShow="search"><a href=""><i class="fa fa-search" aria-hidden="true"></i>&nbsp;検索</a></li>
						<li class="navMybag">
							<a href="javascript:;"><img src="{{ 'assets/img/nav-mybag.png'|theme }}" alt=""></a>
							<i class="cartNum">{{shoppingCart.totalQty}}</i>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="d_header-move bgBlue1">
		<div class="fixedTopMune ">
			<ul class="fixedUlNav fl flexBox">

				<li class="fl" dataShow="new"><a href="/daily-new.html?rel=home">新入荷</a></li>
				<li class="fl" dataShow="item"><a href="/bestseller.html?rel=home">売れ筋商品</a></li>
						{% set categories = catalog.categories() %}
						{% for rootcategory in categories %}
						{% for key, category in rootcategory.children %}
						{% if category.is_enabled and category.id != 11 %}
						<li class="fl" dataShow="item{{key}}"><a href="{{ category.url }}">{{ category.name }}</a></li>
						{% endif %}
						{% endfor %}
						{% endfor %}
				<li class="fl" dataShow="search"><a href=""><i class="fa fa-search" aria-hidden="true"></i>&nbsp;検索</a></li>
				<li class="fl">
					<a class="fl" href="/account/wishlist.html">お気に入り</a>
				</li>
				<li class="fl"><a href="javascript:;" data-request="onLogout" data-request-data="redirect: '/'"><img src="{{ 'assets/img/icon-unlock-move.png'|theme }}" alt=""></a></li>
				<li class="fl"><a href="/account/login.html"><img src="{{ 'assets/img/icon-user-move.png'|theme }}" alt=""></a></li>
				<li class="fl navMybag">
					<a href="javascript:;"><img src="{{ 'assets/img/icon-bag-move.png'|theme }}" alt="" width="28"></a>
					<i class="cartNum">{{shoppingCart.totalQty}}</i>
				</li>
			</ul>
		</div>
	</div>
	<div class="childNavBox bgBlue1 hide" id="new">
		<div class="container">
			<div class="row">
			</div>
		</div>
	</div>
	<div class="childNavBox bgBlue1 hide" id="item">
		<div class="container">
			<div class="row">

			</div>
		</div>
	</div>

	{% for rootcategory in categories %}
	{% for key, category in rootcategory.children %}
	{% if category.is_enabled and category.children and category.id != 11 %}
	<div class="childNavBox bgBlue1" id="item{{key}}">
		<div class="container">
			<div class="row">
				<div class="col-lg-3">
					<ul class="childNav">
						<li>
							<h3><a href="{{ cate.url}}">{{ cate.name }}</a></h3>
						</li>
						{% for cat in category.children %}
						{% if cat.is_enabled %}
						<li>
							<a href="{{ cat.url }}">{{cat.name}}</a>
						</li>
						{% endif %}
						{% endfor %}
					</ul>
				</div>

			</div>
		</div>
	</div>
	{% endif %}
	{% endfor %}
	{% endfor %}

	<div class="childNavBox bgBlue1" id="search">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h3 class="searHead"><img src="{{ 'assets/img/ttl-search.png'|theme }}" alt=""></h3>
					<div class="searCont">
						<form action="/search-bootstrap" method="get">
							<i class="fa fa-search" aria-hidden="true"></i>
							<input type="text" placeholder="商品名・品番・キーワードで探す" id="searchIpt" maxlength="100" autocomplete="off" name="q">
							<input type="submit" id="searchBtn" value="検索">
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="indexCartBox hide">
		{% partial 'common/shopping-cart' %}
	</div>
	
</header>
